<!DOCTYPE html>
<head>
    <meta charset="UTF-8">
    <title>关于我们</title>
    <meta name="viewport" content="width=device-width, initial-scale=1  maximum-scale=1 user-scalable=no">
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-touch-fullscreen" content="yes">
    <meta name="HandheldFriendly" content="True">

    <!--标准mui.css-->
    <link rel="stylesheet" href="../css/mui.min.css">

    <!-- CSS -->
    <link rel="stylesheet" href="../css/about.materialize.css">
    <link rel="stylesheet" href="https://s2.pstatp.com/cdn/expire-1-M/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="../css/about.owl.carousel.css">
    <link rel="stylesheet" href="../css/about.style.css">

</head>
<body>
<!-- 头部 -->
<header class="mui-bar mui-bar-nav">
    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
    <h1 class="mui-title">关于我们</h1>
</header>
<!-- 头部结束-->

<!-- 轮播图 -->
<div class="slider">
    <ul class="slides">
        <li>
            <img src="../images/sliderOne.jpg" alt="">
            <div class="caption slider-content center-align">
                <div class="container">
                    <h2>内蒙古科技大学</h2>
                    <h4>基于疫情期间线上学习环境下学生自助习题抽验系统开发团队</h4>
                    <a class="button-default" href="https://www.imust.edu.cn/">内科大官方</a>
                </div>
            </div>
        </li>
        <li>
            <img src="../images/sliderTwo.jpg" alt="">
            <div class="caption slider-content center-align">
                <div class="container">
                    <h2>我们的开发团队</h2>
                    <h4>码云 Gitee 地址</h4>
                    <a class="button-default" href="https://gitee.com/shangjinzhu/luck5">一键直达</a>
                </div>
            </div>
        </li>
        <li>
            <img src="../images/sliderThree.jpg" alt="">
            <div class="caption slider-content center-align">
                <div class="container">
                    <h2>团队博客</h2>
                    <h4>欢迎关注</h4>
                    <a class="button-default" href="https://blog.csdn.net/weixin_52908342?type=blog">上进小菜猪</a>&nbsp;&nbsp;
                    <a class="button-default" href="https://blog.csdn.net/Gherbirthday0916?type=blog">世界尽头与你</a>
                </div>
            </div>
        </li>
    </ul>

</div>
<!-- 轮播图结束 -->

<!-- 团队活动 -->
<div class="section why-choose-us">
    <div class="container">
        <div class="section-head">
            <h4>团队日常·加入我们</h4>
            <div class="underline"></div>
        </div>
        <div class="row">
            <div class="col s6">
                <div class="content">
                    <i class="fa fa-laptop"></i>
                    <h5>学习计算机技术</h5>
                    <p>日常学习：python,java,数据库,docker,k8s,算法...</p>
                </div>
            </div>
            <div class="col s6">
                <div class="content">
                    <i class="fa fa-code"></i>
                    <h5>Coding</h5>
                    <p>一起做项目，一起写有趣的代码</p>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col s6">
                <div class="content">
                    <i class="fa fa-diamond"></i>
                    <h5>培训学习</h5>
                    <p>团队内部互相培训，壮大团队实力水平</p>
                </div>
            </div>
            <div class="col s6">
                <div class="content">
                    <i class="fa fa-support"></i>
                    <h5>线下活动</h5>
                    <p>线下聚餐，玩耍，游戏</p>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- 团队活动结束 -->

<!-- 文字轮播 -->
<div class="section testimonial testimonial-home">
    <div class="container">
        <div id="owl-testimonial">
            <div class="item">
                <i class="fa fa-quote-left"></i>
                <p>负责人</p>
                <h6>20计科_朱博</h6>
            </div>
            <div class="item">
                <i class="fa fa-quote-left"></i>
                <p>全栈开发成员</p>
                <h6>20网安_郭洪全，20网安_张钰，20计科_朱博</h6>
            </div>
            <div class="item">
                <i class="fa fa-quote-left"></i>
                <p>前端开发成员</p>
                <h6>20计科_崔文昊，20计科_张然</h6>
            </div>
			<div class="item">
			    <i class="fa fa-quote-left"></i>
			    <p>我们应该沉浸于知识和战斗，这样我们的孩子才能歌舞升平</p>
			</div>
        </div>
    </div>
</div>
<!-- 文字轮播结束 -->

<!-- 联系方式 -->
<div class="section find-us">
    <div class="container">
        <div class="section-head">
            <h4>联系方式</h4>
            <div class="underline"></div>
        </div>
        <div class="row">
            <div class="col s6">
                <div class="content">
                    <i class="fa fa-phone"></i>
                    <h5>wechat</h5>
                    <p>july_echoed</p>
                </div>
            </div>
            <div class="col s6">
                <div class="content">
                    <i class="fa fa-envelope-o"></i>
                    <h5>Email</h5>
                    <p>241900086@qq.com</p>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col s6">
                <div class="content">
                    <i class="fa fa-male"></i>
                    <h5>负责人</h5>
                    <p>20计科朱博</p>
                </div>
            </div>
            <div class="col s6">
                <div class="content">
                    <i class="fa fa-map-marker"></i>
                    <h5>Address</h5>
                    <p>内蒙古科技大学</p>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- 联系方式 -->

<!-- footer -->
<div class="footer">
    <div class="container">
        <div class="copyright">
            <span>© 2022 All Right By shangjingzhu and dahezhiquan</span>
        </div>
    </div>
</div>
<!-- end footer -->

<!-- scripts -->
<script src="../js/about.jquery.min.js"></script>
<script src="../js/about.materialize.min.js"></script>
<script src="../js/about.owl.carousel.min.js"></script>
<script src="../js/about.main.js"></script>
<script src="../js/mui.min.js"></script>

</body>
</html>